<template>
  <div class="keyword-modal">
    <el-dialog
      v-if="dialogVisible"
      title="查看信息"
      :visible.sync="dialogVisible"
      width="622px"
      >
      <el-table :data="data" border fit style="width: 100%" header-cell-class-name="table-header-cell">
        <el-table-column label="序号" align="center" prop="order" />
        <el-table-column label="关键词类别" align="center" prop="type" />
        <el-table-column label="关键字" align="center" prop="keyword" />
        <el-table-column label="条件" align="center" prop="condition" />
      </el-table>
      <span slot="footer"></span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'KeywordModal1',
  props: {
    data: Object,
    visible: Boolean
  },
  computed: {
    dialogVisible: {
      get(){
        return this.visible
      },
      set(val){
        this.$emit('update:visible', val)
      }
    }
  }
}
</script>
